import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';

// 抽屉
import Index from './views/Index'
import Special from './views/Special'
import Release from './views/Release'
import Video from './views/Video'
import Find from './views/Find'
import Topic from './views/Topic'
import Login from './views/Login'


import PropTypesDemo from './views/PropTypesDemo';
import Calculator from './views/Calculator';
import Dialog from './views/Dialog';
import ChildrenDemo from './views/ChildrenDemo';
// 随机数组
import RandomList from './views/Refs/RandomList';
import AudioControls from './views/Refs/AudioControls';
function App() {
  return (
    <Router>
      <Switch>
        {/* 抽屉 */}
        <Route exact path='/' component={Index} />
        <Route exact path='/special' component={Special} />
        <Route exact path='/release' component={Release} />
        <Route exact path='/video' component={Video} />
        <Route exact path='/find' component={Find} />
        <Route exact path='/topic' component={Topic} />
        <Route exact path='/login' component={Login} />

        {/* 随机数组 */}
        <Route path='/random-list' component={RandomList} />
        <Route path='/audio-controls' component={AudioControls} />

        <Route path='/prop-types-demo' component={PropTypesDemo} exact />
        <Route exact path="/calculator" component={Calculator} />
        <Route exact path="/dialog" component={Dialog} />
        <Route exact path="/children-demo" component={ChildrenDemo} />
      </Switch>
    </Router>
  )
}
export default App;